<!--********************************************************************
* Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!--********************************************************************
* 该示例需要引入 
* vue-iclient (https://github.com/SuperMap/vue-iclient)
* mapbox-gl-enhance (https://iclient.supermap.io/web/libs/mapbox-gl-js-enhance/1.12.1-12/mapbox-gl-enhance.js)
*********************************************************************-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title data-i18n="resources.title_componentsEcharts_Vue"></title>
        <link href="//vjs.zencdn.net/7.8.2/video-js.min.css" rel="stylesheet" />
        <script src="//vjs.zencdn.net/7.8.2/video.min.js"></script>
          <!-- <script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.5.0/flv.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script> -->
        <script type="text/javascript" include="vue,jquery" src="../js/include-web.js"></script>
        <script include="iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
        <style>
            #main {
                margin: 0 auto;
                width: 100%;
                height: 100%;
            }
        </style>
    </head>

    <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
        <div id="main">
            <sm-video-player
                url="https://mister-ben.github.io/videojs-flvjs/bbb.flv"
                style="width:400px; height:400px"
            ></sm-video-player>
        </div>
        <script>
            new Vue({
                el: '#main',
                data() {
                    return {};
                }
            });
        </script>
    </body>
</html>
